<template>
  <div>
    <div>
      <el-button type="text" @click="dialogVisible = true">新增规则</el-button>

      <el-dialog
        title="提示"
        :visible.sync="dialogVisible"
        width="60%"
        :before-close="handleClose"
      >
        <CustomAddInfo></CustomAddInfo>
        <!-- <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogVisible = false"
            >确 定</el-button
          >
        </span>-->
      </el-dialog>
    </div>

    <div>
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="GenerativeRule" label="编号生成规则">
        </el-table-column>
        <el-table-column prop="FormCode" label="目标表单"> </el-table-column>
        <el-table-column prop="Prefix" label="目标前缀"> </el-table-column>
        <el-table-column prop="SerialNumber" label="提交时间">
        </el-table-column>
        <el-table-column prop="SerialNumber" label="流水号"> </el-table-column>
        <el-table-column prop="CreateDate" label="创建时间"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
import CustomAddInfo from "./CustomAddInfo.vue";

export default {
  components: {
    CustomAddInfo,
  },
  data() {
    return {
      tableData: [],
      dialogVisible: false,
    };
  },
  methods: {
    ShowCustom() {
      this.axios
        .get("http://localhost:5255/api/Custom/GetCustomInfo")
        .then((ret) => {
          this.tableData = ret.data.Data;
        });
    },
  },
  created() {
    this.ShowCustom();
  },
};
</script>
<style>
</style>
<!--
        "NumberRule_Id": 1,
      "FormCode": "string",
      "Prefix": "string",
      "SubmitTime": "string",
      "SerialNumber": 0,
      "GenerativeRule": "string",
      "CreateDate": "2023-11-28T07:19:37.542",
      "CreateID": 0,
      "Modifier": "string"



-->